<!-- caoyong
 专题-专题banner模块VS专题标题+摘要模块
 -->
<div class="special-banner-title-summary">
	<div class="super_wrap ">
		<div class="super_box ">
			<div class="hade_cs_l1_box">
				<img alt="#" class="hade_cs_l1" src="/web/img/special-article-top-line-img5.png"></img>
			</div>
			<div class="hade_cs_l2_box">
				<h1 class="hade_cs_l2" id="id_title_1a">专题banner模块VS专题标题+摘要模块</h1>
			</div>
			<div class="source_box">
				<div class="source">
					<div class="img_box ">
						<img alt="#" src="/web/img/special-article-top-line-img6l.png"></img>
					</div>
					<div class="source_span_box ">
						<strong class="source_span text_def_color" id="id_title_2a">“受市政府委托，现向大会提交青岛市2009年预算执行情况和
							2010年预算草案报告，请予审议，并请政协委员和其他列席人员
							提出意见。“受市政府委托，现向大会提交青岛市2009年预算执
							行情况和2010年预算草案报告，。</strong>
					</div>
					<div class="img_box ">
						<img alt="#" src="/web/img/special-article-top-line-img6r.png"></img>
					</div>
				</div>
			</div>
			<div class="zhanwei_lien slide_down"></div>
			<div class="wrap_bg">
				<div class="alpha box_bg slide_down" id="id_title_bg">
					<img alt="#" src="/web/img/login_slider_bg1.jpg">
					<div>
					</div>
				</div>
			</div>
			<div class="cover_box slide_down">
				<div class="cover">
					<div class="hade_cs_l1_box">
						<img alt="#" class="hade_cs_l1" src="/web/img/special-article-top-line-img5-w.png"></img>
					</div>
					<div class="hade_cs_l2_box ">
						<h2 class="hade_cs_l2 cover_text_def_color" id="id_title_1b">专题banner模块VS专题标题+摘要模块</h2>
					</div>
					<div class="source_box">
						<div class="source">
							<div class="img_box ">
								<img alt="#" src="/web/img/special-article-top-line-img6l-w.png"></img>
							</div>
							<div class="source_span_box  ">
								<strong class="source_span cover_text_def_color" id="id_title_2b">“受市政府委托，现向大会提交青岛市2009年预算执行情况和
									2010年预算草案报告，请予审议，并请政协委员和其他列席人员
									提出意见。“受市政府委托，现向大会提交青岛市2009年预算执
									行情况和2010年预算草案报告，。</strong>
							</div>
							<div class="img_box ">
								<img alt="#" src="/web/img/special-article-top-line-img6r-w.png"></img>
							</div>
						</div>
					</div>
					<div class="line_img4_box">
						<img alt="#" id="id_special_icon" class="line_img4" src="/web/img/special-article-top-line-img4.png"></img>
					</div>
				</div>
			</div>
		</div>

	</div>
</div>
<script>
	$(function() {
		//设置主标题
		// $('#id_title_1a')[0].innerHTML = "1关于青岛市2009年预算执行情况和2010年预算（草案）的报告";
		//设置副标题
		// $('#id_title_2a').html(
		// 	"受市政府委托，现向大会提交青岛市2009年预算执行情况和2010年预算 草案报告，请予审议，并请政协委员和其他列席人员提出意见。“受市政 府委托，现向大会提交青岛市2009年预算向大会提交青岛市2009年预算向大会提交青岛市2009年预算执行情况和2010年预算草案报告。"
		// );
		// 设置遮罩背景图片
		// $('#id_title_bg')[0].innerHTML =
		// 	'            <img alt="#" src="/web/img/special-article-top-bg.png">' + //更换图片
		// 	'	         <div>' + //必须
		// 	'	         </div>'; //必须
		// $('#id_title_1b')[0].innerHTML = $('#id_title_1a')[0].innerHTML;
		// $('#id_title_2b').html($('#id_title_2a').text());
		$(document).scroll(function() {
			var scroH = $(document).scrollTop(); //滚动高度
			var viewH = $(window).height(); //可见高度
			var contentH = $(document).height(); //内容高度
			if (scroH <=0) {//20201202
				$(".slide_down").slideDown(400);
			}
			if (scroH > 0) { //2020202
				// console.log('距离顶部大于100px时', scroH);
				$(".slide_down").slideUp(400); //这里改成你想要的高bai度就可以了du~
			}
			if (contentH - (scroH + viewH) <= 500) { //距离底部高度小于100px
				// console.log('距离底部高度小于100px', scroH);
				$(".slide_up").slideUp(200); //这里改成你想要的高bai度就可以了du~
			}
			if (contentH - (scroH + viewH) > 500) { //距离底部高度小于100px
				// console.log('距离底部高度小于100px', scroH);
				$(".slide_up").slideDown(400); //这里改成你想要的高bai度就可以了du~
			}
			if (contentH == (scroH + viewH)) { //滚动条滑到底部啦
				// console.log('滚动条滑到底部啦');
			}
		});
		//向下箭头点击
		$('#id_special_icon').click(function() {
			//与上同效这里改成你想要的高bai度就可以了du~
			$("html,body").animate({ scrollTop: 200}, 300);//20201127
		});
	})
</script>
